<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>消息节点模块</title>
    <style>
        .dataTB {
            width: 85%;
            border: 1px solid #ccc;
            line-height: 30px;
        }

        .dataTB_Individual {
            margin: 5% auto;
            font-size: 12px;
            height: 30px;
            text-align: center;
        }

        .table_attach th, .table_attach td {
            border: 1px solid #dbdee1;
            color: #202020;
            font-size: 12px;
            font-weight: normal;
            height: 23px;
            line-height: 23px;
            text-align: center;
        }
    </style>
</head>
<body style="margin: 0 auto;">

<table class="dataTB dataTB_Individual">
    <thead>
    <tr class="titleTR" style="background-color: #53a4ea;display: table-row;
    vertical-align: inherit;
    border-color: inherit;border-collapse: collapse;">
        <td class="titleTD">标题</td>
        <td class="titleTD">创建时间</td>
        <td class="titleTD"> 操作</td>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${userMeslist}" var="mes">
        <tr class="table_attach">
            <td>${mes.title}</td>
            <td><fmt:formatDate value="${mes.date}" pattern="dd/MM/yyyy HH:mm aa"/></td>
            <td><a href="/message/msg-userMesDetail?id=${mes.id}">详细</a></td>
        </tr>
    </c:forEach>
    </tbody>
</table>
</body>
<script type="text/javascript"
        src="<s:url value="/js/jquery/combobox/jquery.min-1.10.2.js"/>"></script>
<script type="text/javascript">
    var isShow = false;
    function showEamilTemplate(e) {
        var parentRow = $(e).parent().parent();
        if (isShow) {   //
            parentRow.next().remove();
            isShow = false;
        } else {
            parentRow.after('<tr><td colspan="9"><div class="box">After</div></td></tr>');
            isShow = true;
        }

    }
</script>

</html>
